body{
    frot-family:sans-serif;
    background-image: url(./Alipay-background.jpg);
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: cover;

}
.container{
    width: 380px;
    margin:10% auto;    
    background-color: rgba(0, 0, 0, 0.5);
    
}

.header{
    text-align: center;
    padding-top:25px;
}
.header h1{
    color:#333;
    font-size:25px;
    margin-bottom:33px;
}
.main{
    text-align: center;
}

.main input,button{
    width:180px;
    height:40px;
    /* border:none; */
    /* outline:none; */
    padding-left: 15px;
    /* box-sizing:border-box; */
    font-size:15px;
    /* color:#333; */
    margin-bottom: 30px;

}
.main buttom{
    /* padding-left: 0; */
    background-color: #045af0;
    letter-spacing: 1px;
    front-weight:bold;
    margin-bottom:70px;
}
.main buttom:hover{
    box-shadow:2px 2px 5px #555;
    background-color:#7799d4l
}
.main input:hover{
    box-shadow:2px 2px 5px #555;
    background-color: #ddd;;
}
.main span{
    position:relative;
}
.main i{
    position:absolute;
    left: 15px;
    color:#333;
    font-size:16px;
    top: 2px;
}